.btn {
  @apply flex items-center justify-center rounded px-4 py-2 text-xs font-semibold disabled:cursor-not-allowed disabled:opacity-60;
}

.btn.plain {
  @apply rounded-none px-0 py-0;
}

.btn.default:not(:disabled) {
  @apply border border-gray-200 bg-gray-100 text-gray-600 hover:bg-gray-200 dark:border-gray-700 dark:bg-elevation-3 dark:text-gray-300 dark:hover:bg-elevation-1;
}

.btn.primary {
  @apply border border-green-500 bg-green-500 text-gray-100;
}

.btn.primary:hover:not(:disabled) {
  @apply border border-green-450 bg-green-450;
}

.btn.warning {
  @apply border border-yellow-500 bg-yellow-500 text-gray-100;
}

/* .btn.warning:hover:not(:disabled) {
  @apply border border-yellow-450 bg-yellow-450 text-gray-100;
} */

.btn.error {
  @apply border border-red-500 bg-red-500 text-gray-100;
}